<div class="book-cover-wrapper"
     (mouseenter)="isHovered = true"
     (mouseleave)="isHovered = false">
  <img
    [src]="urlHelper.getCoverUrl(book.id, book.metadata?.coverUpdatedOn)"
    class="book-cover"
    alt="Cover of {{ book.metadata?.title }}"
    loading="lazy"
  />

  <p-button
    icon="pi pi-info"
    class="info-btn"
    [rounded]="true"
    [ngClass]="{ 'visible': isHovered }"
    (onClick)="openBookInfo(book)">
  </p-button>
</div>
